<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>FM商城(FMJava.com)</title>
	<link rel="icon" href="img/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body >
<div id="app">
	<!--页面顶部-->
	<div id="nav-bottom" style="background: white;">
		<!--顶部-->
		<div class="nav-top">
			<div class="top">
				<div class="py-container" >
					<div class="shortcut">
						<ul class="fl">
							<li class="f-item">您好！</li>
							<li class="f-item">  请<a href="login.html" target="_blank" style="padding-left: 10px;">登录</a>　<span><a href="register.html" target="_blank">免费注册</a></span></li>
						</ul>
						<ul class="fr">
							<li class="f-item">我的订单</li>
							<li class="f-item space"></li>
							<li class="f-item">我的FM</li>
							<li class="f-item space"></li>
							<li class="f-item">FM会员</li>
							<li class="f-item space"></li>
							<li class="f-item">企业采购</li>
							<li class="f-item space"></li>
							<li class="f-item">客户服务</li>
							<li class="f-item space"></li>
							<li class="f-item">客户服务</li>
							<li class="f-item space"></li>
							<li class="f-item">网站导航</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部-->
			<div class="header">
				<div class="py-container" style="background: white;">
					<div class="yui3-g Logo">
						<div class="yui3-u Left logoArea" style="padding-top: 30px;">
							<img src="img/logo.png" width="60" height="60" alt="" style="float:left; margin-right: 10px;">
							<div style="font-size: 28px; color: #2b2b2b; margin-top: 18px;">FM商城</div>
						</div>
						<div class="yui3-u Center searchArea">
							<div class="search">
								<form action="" class="sui-form form-inline">
									<div class="input-append">
										<input type="text" id="autocomplete" v-model="sc" type="text" class="input-error input-xxlarge" />
										<a class="sui-btn btn-xlarge btn-danger" :href="'search.html?sc='+sc">搜索</a>
									</div>
								</form>
							</div>
							<div class="hotwords">
								<ul>
									<li class="f-item">运动清凉节</li>
									<li class="f-item">数码家电</li>
									<li class="f-item">每100-50</li>
									<li class="f-item">家具直降</li>
									<li class="f-item">AMD新品</li>
									<li class="f-item">海尔巅峰</li>
									<li class="f-item">清凉家装</li>
								</ul>
							</div>
						</div>
						<img src="img/gifgoods.gif" alt="" style="display: inline; position: absolute;right: 340px; top: 50px;">
					</div>
					<div class="yui3-g NavList" style="background: white;">
						<div class="yui3-u Left all-sort">
							<h4>全部商品分类</h4>
						</div>
						<div class="yui3-u Center navArea">
							<ul class="nav">
								<li class="f-item">限时抢购</li>
								<li class="f-item">优惠券</li>
								<li class="f-item">PLUS会员</li>
								<li class="f-item">闪购</li>
								<li class="f-item">拍卖</li>
								<li class="f-item">海囤全球</li>
								<li class="f-item">FM生鲜</li>
								<li class="f-item">FM时尚</li>
							</ul>
						</div>
						<div class="yui3-u Right" style="background: white;"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--列表-->
	<div class="sort">
		<div class="py-container" style="background: white;">
			<div class="yui3-g SortList ">
				<div class="yui3-u Left all-sort-list">
					<div class="all-sort-list2">
						<div class="item">
							<h3><a href="">家用电器</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书1</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
									<dl class="fore9">
										<dt>少儿</dt>
										<dd><em><a href="">少儿</a></em><em><a href="">0-2岁</a></em><em><a href="">3-6岁</a></em><em><a href="">7-10岁</a></em><em><a href="">11-14岁</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">手机/运营商/数码</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书2</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">电脑/办公</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书3</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
									<dl class="fore9">
										<dt>少儿</dt>
										<dd><em><a href="">少儿</a></em><em><a href="">0-2岁</a></em><em><a href="">3-6岁</a></em><em><a href="">7-10岁</a></em><em><a href="">11-14岁</a></em></dd>
									</dl>
									<dl class="fore10">
										<dt>教育</dt>
										<dd><em><a href="">教材教辅</a></em><em><a href="">考试</a></em><em><a href="">外语学习</a></em></dd>
									</dl>
									<dl class="fore11">
										<dt>其它</dt>
										<dd><em><a href="">英文原版书</a></em><em><a href="">港台图书</a></em><em><a href="">工具书</a></em><em><a href="">套装书</a></em><em><a href="">杂志/期刊</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">家居、家具、家装、厨具</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书4</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
									<dl class="fore9">
										<dt>少儿</dt>
										<dd><em><a href="">少儿</a></em><em><a href="">0-2岁</a></em><em><a href="">3-6岁</a></em><em><a href="">7-10岁</a></em><em><a href="">11-14岁</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">服饰内衣</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书5</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item bo">
							<h3><a href="">图书/音像/数字商品</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书</a></dt>
										<dd><a href="">免费</a><a href="">小说</a></em><a href="">励志与成功</a><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">美装/清洁/宠物</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书6</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
									<dl class="fore9">
										<dt>少儿</dt>
										<dd><em><a href="">少儿</a></em><em><a href="">0-2岁</a></em><em><a href="">3-6岁</a></em><em><a href="">7-10岁</a></em><em><a href="">11-14岁</a></em></dd>
									</dl>
									<dl class="fore10">
										<dt>教育</dt>
										<dd><em><a href="">教材教辅</a></em><em><a href="">考试</a></em><em><a href="">外语学习</a></em></dd>
									</dl>
									<dl class="fore11">
										<dt>其它</dt>
										<dd><em><a href="">英文原版书</a></em><em><a href="">港台图书</a></em><em><a href="">工具书</a></em><em><a href="">套装书</a></em><em><a href="">杂志/期刊</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">运动/健康</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书7</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
								</div>
								<div class="cat-right">
									<dl class="categorys-brands" clstag="homepage|keycount|home2013|0601d">
										<dt>推荐品牌出版商</dt>
										<dd>
											<ul>
												<li>
													<a href="">中华书局</a>
												</li>
												<li>
													<a href="">人民邮电出版社</a>
												</li>
											</ul>
										</dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">房产/汽车/汽车用品</a></h3>
							<div class="item-list clearfix">
								<div class="subitem">
									<dl class="fore1">
										<dt><a href="">电子书8</a></dt>
										<dd><em><a href="">免费</a></em><em><a href="">小说</a></em><em><a href="">励志与成功</a></em><em><a href="">婚恋/两性</a></em><em><a href="">文学</a></em><em><a href="">经管</a></em><em><a href="">畅读VIP</a></em></dd>
									</dl>
									<dl class="fore2">
										<dt><a href="">数字音乐</a></dt>
										<dd><em><a href="">通俗流行</a></em><em><a href="">古典音乐</a></em><em><a href="">摇滚说唱</a></em><em><a href="">爵士蓝调</a></em><em><a href="">乡村民谣</a></em><em><a href="">有声读物</a></em></dd>
									</dl>
									<dl class="fore3">
										<dt><a href="">音像</a></dt>
										<dd><em><a href="">音乐</a></em><em><a href="">影视</a></em><em><a href="">教育音像</a></em><em><a href="">游戏</a></em></dd>
									</dl>
									<dl class="fore4">
										<dt>文艺</dt>
										<dd><em><a href="">小说</a></em><em><a href="">文学</a></em><em><a href="">青春文学</a></em><em><a href="">传记</a></em><em><a href="">艺术</a></em></dd>
									</dl>
									<dl class="fore5">
										<dt>人文社科</dt>
										<dd><em><a href="">历史</a></em><em><a href="">心理学</a></em><em><a href="">政治/军事</a></em><em><a href="">国学/古籍</a></em><em><a href="">哲学/宗教</a></em><em><a href="">社会科学</a></em></dd>
									</dl>
									<dl class="fore6">
										<dt>经管励志</dt>
										<dd><em><a href="">经济</a></em><em><a href="">金融与投资</a></em><em><a href="">管理</a></em><em><a href="">励志与成功</a></em></dd>
									</dl>
									<dl class="fore7">
										<dt>生活</dt>
										<dd><em><a href="">家庭与育儿</a></em><em><a href="">旅游/地图</a></em><em><a href="">烹饪/美食</a></em><em><a href="">时尚/美妆</a></em><em><a href="">家居</a></em><em><a href="">婚恋与两性</a></em><em><a href="">娱乐/休闲</a></em><em><a href="">健身与保健</a></em><em><a href="">动漫/幽默</a></em><em><a href="">体育/运动</a></em></dd>
									</dl>
									<dl class="fore8">
										<dt>科技</dt>
										<dd><em><a href="">科普</a></em><em><a href="">IT</a></em><em><a href="">建筑</a></em><em><a href="">医学</a></em><em><a href="">工业技术</a></em><em><a href="">电子/通信</a></em><em><a href="">农林</a></em><em><a href="">科学与自然</a></em></dd>
									</dl>
								</div>
							</div>
						</div>
						<div class="item">
							<h3><a href="">男鞋/运动/户外</a></h3>
						</div>
						<div class="item">
							<h3><a href="">理财/众筹/白条/保险</a></h3>
						</div>
						<div class="item">
							<h3><a href="">母婴/玩具/乐器</a></h3>
						</div>
						<div class="item">
							<h3><a href="">女鞋/箱包/钟表/珠宝</a></h3>
						</div>
						<div class="item">
							<h3><a href="">安装/维修/清洗/二手</a></h3>
						</div>
						<div class="item">
							<h3><a href="">工业品</a></h3>
						</div>
					</div>
				</div>
				<div class="yui3-u Center banerArea">
					<!--banner轮播-->
					<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" v-for="(item,index) in contentList[1]" data-slide-to="index" :class="index==0?'active':''"></li>
						<!--	<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>-->
						</ol>
						<div class="carousel-inner">
							<div  :class="index==0?'active':''"  class="item"  v-for="(item,index) in contentList[1]">
								<a  :href="item.url">
									<img :src="item.pic" />
								</a>
							</div>
							<!--<div class="item">
								<a href="http://www.jd.com"><img src="img/fouce2.jpg"  /></a>
							</div>
							<div class="item">
								<a href="http://www.jd.com"><img src="img/fouce3.jpg"  /></a>
							</div>
							<div class="item">
								<a href="http://www.jd.com"> <img src="img/fouce4.jpg"  /></a>
							</div>-->
						</div><a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a><a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
					</div>
				</div>
				<div class="yui3-u Right">
					<div class="news">
						<div class="news-list unstyled">
							<img src="img/no_login.jpg" width="60" height="60" alt="">
							<div class="user_show">
								<p >Hi~欢迎来到京东！</p>
								<p class="user_tip">
									<a href="javascript:login();" class="user_login">登录</a>
									<a href="javascript:regist();" class="user_reg">注册</a>
								</p>
							</div>
						</div>
					</div>
					<ul class="yui3-g Lifeservice">
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-1"></i>
							<span class="service-intro">话费</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-2"></i>
							<span class="service-intro">机票</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-3"></i>
							<span class="service-intro">电影票</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-4"></i>
							<span class="service-intro">游戏</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-5"></i>
							<span class="service-intro">彩票</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-6"></i>
							<span class="service-intro">加油站</span>
						</li>
						<li class="yui3-u-1-4 life-item notab-item">
							<i class="list-item list-item-7"></i>
							<span class="service-intro">酒店</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-8"></i>
							<span class="service-intro">火车票</span>
						</li>
						<li class="yui3-u-1-4 life-item ">
							<i class="list-item list-item-9"></i>
							<span class="service-intro">众筹</span>
						</li>
						<li class="yui3-u-1-4 life-item notab-item">
							<i class="list-item list-item-10"></i>
							<span class="service-intro">理财</span>
						</li>
						<li class="yui3-u-1-4 life-item notab-item">
							<i class="list-item list-item-11"></i>
							<span class="service-intro">礼品卡</span>
						</li>
						<li class="yui3-u-1-4 life-item notab-item">
							<i class="list-item list-item-12"></i>
							<span class="service-intro">白条</span>
						</li>
					</ul>

					<div class="ads">
						<img src="img/ad1.jpg"/>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--秒杀-->
	<div class="show">
		<div class="py-container" style="margin-top: 30px;background: white;">
			<ul class="yui3-g Recommend">
				<li class="yui3-u-1-6">
					<a class="sk_hd_lk" href="//miaosha.jd.com" target="_blank" clstag="h|keycount|core|seckill_a">
						<div class="sk_tit">FM秒杀</div>
						<div class="sk_subtit">FLASH DEALS</div>
						<i class="sk_ico"></i>
						<div class="sk_desc">本场距离结束还剩</div>
						<div class="sk_cd">
							<div class="cd">
								<div class="cd_item cd_hour">
									<span class="cd_item_txt">01</span>
								</div>
								<div class="cd_item cd_minute">
									<span class="cd_item_txt">53</span>
								</div><div class="cd_item cd_second">
								<span class="cd_item_txt">12</span>
							</div>
							</div>
						</div>
					</a>
				</li>
				<li class="yui3-u-5-24">
					<div data-index="8" class="slider_item sk_item sk_item_9 slider_active" style="float: left; width: 200px;">
						<a class="sk_item_lk" href="//miaosha.jd.com/#100005352662" target="_blank" clstag="h|keycount|core|seckill_b09">
							<div class="lazyimg lazyimg_loaded sk_item_img">
								<img src="img/skill1.webp" class="lazyimg_img" />
							</div><p class="sk_item_name">威尔贝鲁（WELLBER）床护栏垂直升降婴儿童床围栏防摔掉床边挡板 斑马好伙伴2米</p>
							<div class="sk_item_price">
								<span class="mod_price sk_item_price_new"><i>&yen;</i><span>179.00</span></span>
								<span class="mod_price sk_item_price_origin"><i>&yen;</i><span>239.00</span></span>
							</div></a>
					</div>
				</li>
				<li class="yui3-u-5-24">
					<div data-index="9" class="slider_item sk_item sk_item_10 slider_active" style="float: left; width: 200px;">
						<a class="sk_item_lk" href="//miaosha.jd.com/#6076609" target="_blank" title="联想ThinkPad 翼480（1ACD）英特尔酷睿i7 14英寸轻薄窄边框笔记本电脑（i7-8550U 8G 128GSSD+1T 2G独显 高清显示屏）冰原银" clstag="h|keycount|core|seckill_b10">
							<div class="lazyimg lazyimg_loaded sk_item_img">
								<img src="img/skill2.webp" class="lazyimg_img" />
							</div><p class="sk_item_name">联想ThinkPad 翼480（1ACD）英特尔酷睿i7 14英寸轻薄窄边框笔记本电脑（i7-8550U 8G 128GSSD+1T 2G独显 高清显示屏）冰原银</p>
							<div class="sk_item_price">
								<span class="mod_price sk_item_price_new"><i>&yen;</i><span>5769.00</span></span>
								<span class="mod_price sk_item_price_origin"><i>&yen;</i><span>7299.00</span></span>
							</div></a>
					</div>
				</li>
				<li class="yui3-u-5-24">
					<div data-index="10" class="slider_item sk_item sk_item_11 slider_active" style="float: left; width: 200px;">
						<a class="sk_item_lk" href="//miaosha.jd.com/#27582429988" target="_blank" title="新日（Sunra） 电动车折叠车电动自行车迷你轻便代步电瓶车便携成人代驾车 【约90KM助力续航】珍珠白" clstag="h|keycount|core|seckill_b11">
							<div class="lazyimg lazyimg_loaded sk_item_img">
								<img src="img/skill3.webp" class="lazyimg_img" />
							</div><p class="sk_item_name">新日（Sunra） 电动车折叠车电动自行车迷你轻便代步电瓶车便携成人代驾车 【约90KM助力续航】珍珠白</p>
							<div class="sk_item_price">
								<span class="mod_price sk_item_price_new"><i>&yen;</i><span>2399.00</span></span>
								<span class="mod_price sk_item_price_origin"><i>&yen;</i><span>2899.00</span></span>
							</div></a>
					</div>
				</li>
				<li class="yui3-u-5-24">
					<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
						<a class="sk_item_lk" href="//miaosha.jd.com/#12600018" target="_blank" title="梦的解析（2019精装珍藏版 无删节！）" clstag="h|keycount|core|seckill_b12">
							<div class="lazyimg lazyimg_loaded sk_item_img">
								<img src="img/skill4.webp" class="lazyimg_img" />
							</div><p class="sk_item_name">梦的解析（2019精装珍藏版 无删节！）</p>
							<div class="sk_item_price">
								<span class="mod_price sk_item_price_new"><i>&yen;</i><span>19.80</span></span>
								<span class="mod_price sk_item_price_origin"><i>&yen;</i><span>39.40</span></span>
							</div></a>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!--今日推荐-->
	<div class="like" >
		<div class="py-container" style="background:white;">
			<div class="title">
				<h3 class="fl" style="padding-left: 5px;">今日推荐</h3>
				<b class="border"></b>
			</div>
			<div class="bd">
				<ul class="clearfix yui3-g Favourate picLB" id="picLBxxl">
					<li class="yui3-u-5-24">
						<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
							<a class="sk_item_lk" href="//miaosha.jd.com/#100005322560" target="_blank" title="雷神（ThundeRobot）911Air星战二代 15.6英寸窄边框游戏笔记本电脑九代i5-9300H 8G 512GSSD GTX1650" clstag="h|keycount|core|seckill_b05">
								<div class="lazyimg lazyimg_loaded sk_item_img">
									<img src="img/tui1.webp" class="lazyimg_img" />
								</div><p class="sk_item_name">雷神（ThundeRobot）911Air星战二代 15.6英寸窄边框游戏笔记本电脑九代i5-9300H 8G 512GSSD GTX1650</p>
								<div class="sk_item_price" style="background: none; ">
									<span class="mod_price sk_item_price_new" style="color:red;font-size: 20px;"><i>&yen;</i><span>5759.00</span></span>
								</div>
							</a>
						</div>
					</li>
					<li class="yui3-u-5-24">
						<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
							<a class="sk_item_lk" href="//miaosha.jd.com/#40784838666" target="_blank" title="华为（HUAWEI）荣耀畅玩8A 移动联通电信全网通4G 全面屏智能老人老年学生手机 双卡双待 幻夜黑 (3G RAM+32G ROM)" clstag="h|keycount|core|seckill_b08">
								<div class="lazyimg lazyimg_loaded sk_item_img">
									<img src="img/tui2.webp" class="lazyimg_img" />
								</div><p class="sk_item_name">华为（HUAWEI）荣耀畅玩8A 移动联通电信全网通4G 全面屏智能老人老年学生手机 双卡双待 幻夜黑 (3G RAM+32G ROM)</p>
								<div class="sk_item_price" style="background: none; ">
									<span class="mod_price sk_item_price_new" style="color:red;font-size: 20px;"><i>&yen;</i><span>658.00</span></span>
								</div>
							</a>
						</div>
					</li>
					<li class="yui3-u-5-24">
						<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
							<a class="sk_item_lk" href="//miaosha.jd.com/#6491565" target="_blank" title="AMD 锐龙3 2200G 处理器 (r3) 4核4线程 搭载Radeon Vega8 Graphic 3.5GHz AM4接口 盒装CPU" clstag="h|keycount|core|seckill_b18">
								<div class="lazyimg lazyimg_loaded sk_item_img">
									<img src="img/tui3.webp" class="lazyimg_img" />
								</div><p class="sk_item_name">AMD 锐龙3 2200G 处理器 (r3) 4核4线程 搭载Radeon Vega8 Graphic 3.5GHz AM4接口 盒装CPU</p>
								<div class="sk_item_price" style="background: none; ">
									<span class="mod_price sk_item_price_new" style="color:red;font-size: 20px;"><i>&yen;</i><span>619.00</span></span>

								</div>
							</a>
						</div>
					</li>
					<li class="yui3-u-5-24">
						<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
							<a class="sk_item_lk" href="//miaosha.jd.com/#42365332148" target="_blank" title="志高饮料机商用双缸果汁机冷饮机冷热双温速溶饮料机 双缸(冷热双温)" clstag="h|keycount|core|seckill_b14">
								<div class="lazyimg lazyimg_loaded sk_item_img">
									<img src="img/tui4.webp" class="lazyimg_img" />
								</div><p class="sk_item_name">志高饮料机商用双缸果汁机冷饮机冷热双温速溶饮料机 双缸(冷热双温)</p>
								<div class="sk_item_price" style="background: none; ">
									<span class="mod_price sk_item_price_new" style="color:red;font-size: 20px;"><i>&yen;</i><span>1518.00</span></span>
								</div>
							</a>
						</div>
					</li>
					<li class="yui3-u-5-24">
						<div data-index="11" class="slider_item sk_item sk_item_12 slider_active" style="float: left; width: 200px;">
							<a class="sk_item_lk" href="//miaosha.jd.com/#28660952229" target="_blank" clstag="h|keycount|core|seckill_b15">
								<div class="lazyimg lazyimg_loaded sk_item_img">
									<img src="img/tui5.webp" class="lazyimg_img" />
								</div><p class="sk_item_name">富贵鸟【上衣+裤子+拖鞋】潮男休闲时尚大码印花运动套装圆领短袖T恤套装 荷花白 XL/送拖鞋</p>
								<div class="sk_item_price" style="background: none; ">
							<span class="mod_price sk_item_price_new" style="color:red;font-size: 20px;">
								<i>&yen;</i><span>68.00</span>
							</span>
								</div>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--智能先锋-->
	<div class="floorhd">
		<div class="grid_c1 floorhd_inner">
			<h3 class="floorhd_tit">智能先锋</h3>
		</div>
	</div>
	<div class="chn">
		<div class="grid_c1 row1 clearfix">
			<div class="box sort">
				<div class="box_hd">
					<a class="box_hd_lk" href="//shouji.jd.com" target="_blank" clstag="h|keycount|tech|chan#01_a"><h3 class="box_tit">手机频道</h3><i class="box_hd_arrow"></i><span class="box_subtit">一个极客的诞生</span></a>
				</div>
				<div class="box_bd">
					<div class="sort_wrapper clearfix">
						<a class="sort_middle" href="//shouji.jd.com/" target="_blank" title="手机频道" clstag="h|keycount|tech|chan#01_d01">
							<div class="lazyimg lazyimg_loaded sort_middle_img">
								<img src="//img11.360buyimg.com/babel/s170x180_jfs/t1/82438/6/3680/79121/5d1dcf64E6d60c587/41d8767a2ba111af.jpg!q90!cc_170x180" class="lazyimg_img" />
							</div></a>
						<a class="sort_middle" href="//phat.jd.com/10-28.html" target="_blank" title="游戏手机" clstag="h|keycount|tech|chan#01_d02">
							<div class="lazyimg lazyimg_loaded sort_middle_img">
								<img src="//img14.360buyimg.com/babel/s170x180_jfs/t1/54827/12/4252/76827/5d1f0f34E1cdccb84/7a4f917a201648c9.jpg!q90!cc_170x180" class="lazyimg_img" />
							</div></a>
						<div class="sort_small_wrapper clearfix">
							<a class="sort_small" href="//mall.jd.com/index-1000000127.html" target="_blank" title="苹果" clstag="h|keycount|tech|chan#01_e01">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img12.360buyimg.com/babel/s80x999_jfs/t16483/122/2542720784/3429/ca0d8c92/5aaf7b8aN0421ba35.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mi.jd.com/" target="_blank" title="小米" clstag="h|keycount|tech|chan#01_e02">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img20.360buyimg.com/babel/s80x999_jfs/t17518/143/863284411/4529/e226718b/5aaf6391Ncf18bf61.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000000904.html" target="_blank" title="荣耀" clstag="h|keycount|tech|chan#01_e03">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img20.360buyimg.com/babel/s80x999_jfs/t30835/232/523149060/4836/17c57a5b/5bf62149Nc89e1d75.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000004259.html" target="_blank" title="华为" clstag="h|keycount|tech|chan#01_e04">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img10.360buyimg.com/babel/s80x999_jfs/t1/30148/35/4438/4580/5c7cf1fdE792cec7a/dd7001dd7e01b779.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000001947.html" target="_blank" title="一加" clstag="h|keycount|tech|chan#01_e05">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img10.360buyimg.com/babel/s80x999_jfs/t16336/47/2421341146/4013/6d7a7f2c/5aaf64d2Na7219579.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000004065.html" target="_blank" title="oppo" clstag="h|keycount|tech|chan#01_e06">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img30.360buyimg.com/babel/s80x999_jfs/t1/16815/31/10458/9243/5c85c7d8E74fbf9d2/51cbc5b8a94ab9e8.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000085868.html" target="_blank" title="vivo" clstag="h|keycount|tech|chan#01_e07">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img12.360buyimg.com/babel/s80x999_jfs/t1/26867/11/4692/3808/5c34521bEb0845a91/bbb5bcb35febccd3.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000089549.html" target="_blank" title="黑莓" clstag="h|keycount|tech|chan#01_e08">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img13.360buyimg.com/babel/s80x999_jfs/t1/11600/39/10517/3804/5c81da6cE0686d037/33975cad479065ff.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000089003.html" target="_blank" title="天语" clstag="h|keycount|tech|chan#01_e09">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img13.360buyimg.com/babel/s80x999_jfs/t18334/219/925696439/23894/d0626c49/5ab22743N3d68441c.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000004082.html" target="_blank" title="moto" clstag="h|keycount|tech|chan#01_e10">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img11.360buyimg.com/babel/s80x999_jfs/t17878/225/910089021/3580/6c91b988/5ab22721N04fc4aeb.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000094141.html" target="_blank" title="sony" clstag="h|keycount|tech|chan#01_e11">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img13.360buyimg.com/babel/s80x999_jfs/t17479/312/902698708/3830/c6cf8c2d/5aaf7e1cN865cbce5.jpg!q90" class="lazyimg_img" />
								</div></a>
							<a class="sort_small" href="//mall.jd.com/index-1000001977.html" target="_blank" title="酷派" clstag="h|keycount|tech|chan#01_e12">
								<div class="lazyimg lazyimg_loaded sort_small_img">
									<img src="//img10.360buyimg.com/babel/s80x999_jfs/t16813/124/1046091033/4837/dfaa8951/5ab8ef2dN205cd265.jpg!q90" class="lazyimg_img" />
								</div></a>
						</div>
					</div>
				</div>
			</div>
			<div class="box tactic">
				<div class="box_hd">
					<a class="box_hd_lk" href="//pro.jd.com/mall/active/2wzwK8McFT97vUgCXKwuV9Pr133m/index.html" target="_blank" clstag="h|keycount|tech|chan#02_a"><h3 class="box_tit">新品首发</h3><i class="box_hd_arrow"></i><span class="box_subtit">逛京东小魔方，发现超级新品</span></a>
				</div>
				<div class="box_bd">
					<div class="tactic_cover tactic_cover_large">
						<a class="tactic_lk" href="//pro.jd.com/mall/active/2wzwK8McFT97vUgCXKwuV9Pr133m/index.html" target="_blank" clstag="h|keycount|tech|chan#02_b" title="新品首发">
							<div class="lazyimg lazyimg_loaded tactic_lk_img">
								<img src="//img10.360buyimg.com/babel/s350x370_jfs/t1/39294/13/7115/66489/5ce364d2E0eae12fc/ef2238659b639bb7.jpg!q90!cc_350x370" class="lazyimg_img" />
							</div></a>
					</div>
				</div>
			</div>
			<div class="box act box_last">
				<div class="act_inner">
					<a class="act_lk" href="//pro.jd.com/mall/active/4ZECrb8sSgbsbeLjXk3bapfhUMz8/index.html" target="_blank" clstag="h|keycount|tech|acts#03_a" title="7.8-台式机新品发布">
						<div class="lazyimg lazyimg_loaded act_img">
							<img src="//img12.360buyimg.com/babel/s340x420_jfs/t1/82263/25/3948/87142/5d229bf8E9f8ca191/9ddd43e6973a5440.jpg!q90!cc_340x420" class="lazyimg_img" />
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="chn">
		<div class="grid_c1 row2 clearfix">
			<div class="box act act_multi">
				<div class="act_inner">
					<a class="act_lk" href="//ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly9zaHVtYS5qZC5jb20v&amp;log=NIxNmsR9zSwdqGrG0yn-M_dNCcDCoQxBJuyxz7UEYEB74V5qZFQyzhFmLc8_35v4jaAcug0Egv25x9mvI5MW0O0f7O98J1iZiCKx8CSxwZKGEl06rf2ZlfwRau8-JyWZmAe3qXm2CmOwhjl66FetXTx4PADFm0XQ3j_gA8vkJ7twYA9mjIS7xZ--pY4pv0QUZy80YgqRV_2e-8lfCXt5rF4K4f2hyf8FK-HDbU2cZ5JbZKu-NDOrQTYVuunZ4pivr_BXQzPUO3HTrlXgMtRTtqgayy9tg0RjwdsUvnx1R2gRGddbwMRK9NFhPzw3uYpSjd-UjRKRRaQ2KnSMzt3xDPqkn0bMqlxFUKcS9TvY-5FaB7wMP3JxrGNhsR-UUkOUAZqIHCKf6vCrTEkGnfI0bnrztFRX6TblJyYkFKnuOcA&amp;v=404" target="_blank" clstag="h|keycount|tech|ads#04_a01">
						<div class="lazyimg lazyimg_loaded act_img">
							<img src="//img10.360buyimg.com/da/s340x200_jfs/t1/24366/31/2268/159384/5c1b1488E62847add/6acc8d97d25a03d2.jpg!q90!cc_340x200" class="lazyimg_img" />
						</div></a>
					<a class="act_lk" href="//ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly90b3V5aW5nLmpkLmNvbS8&amp;log=z4SzSyIMeuE39nQ8i0G5wQQVolVC8o7IECajQtElzVHccb5KLZBvI1RTZkh9AZo3vL9TeedvToUzuUVGxE8IClaeOQaIfoT4x1D_iMzEXqI-tQoDjvC5Rauxo9EMhBd0YnYDsiOc14rzClf8mb-yS-oSTpJKUL6WqswWtLF6GCQH-i6T_8MFLKiprRkvpRkVh-5J_gvalPYQhiCC09SXtUguhn_22nDbRShzmpFMMJWT9UQ5ecJyq2et92OtGRLWq-8FLPthQBu47dKRuCXV4QAukuiuY3rew3TQ-fa-q3wsIgpB94KFBHGa2QCRTnf2zl-fXlON-jQyfaS73G8tPDPpCpjo621Efm5LS2BhyoOCeM0jsgZcyLw75a4sPKB_LZf5np8AM4E7fMqFr-KhPZlYofTK6xe-3QhiJB05HYQ&amp;v=404" target="_blank" clstag="h|keycount|tech|ads#04_a02">
						<div class="lazyimg lazyimg_loaded act_img">
							<img src="//img30.360buyimg.com/da/s340x200_jfs/t1/14681/33/2249/140792/5c1b0191E80b283de/1b485bde8da5d3a1.jpg!q90!cc_340x200" class="lazyimg_img" />
						</div></a>
				</div>
			</div>
			<div class="box treasure">
				<a class="treasure_scene" href="//hellojoy.jd.com/?itemid=17736&amp;babelChannel=1500733&amp;activityId=478LEo67Dj51ow3zPbmj8xyVh3dm&amp;linkIds=100005702210,100005502446,100003060627&amp;source=02" target="_blank" clstag="h|keycount|tech|joy#05_b01" title="教你拍照">
					<div class="treasure_scene_hd">
						<h4 class="treasure_scene_tit">教你拍照 &middot; <span class="treasure_scene_subtit">会拍照的男朋友</span></h4>
					</div>
					<div class="treasure_scene_bd">
						<ul class="treasure_list">
							<li class="treasure_item">
								<div class="lazyimg lazyimg_loaded treasure_img">
									<img src="//img11.360buyimg.com/babel/s130x130_jfs/t1/79476/17/2549/230068/5d0cb75bE02f96ee6/29d3b42032088f0b.jpg!q90!cc_130x130" class="lazyimg_img" />
								</div></li>
							<li class="treasure_item">
								<div class="lazyimg lazyimg_loaded treasure_img">
									<img src="//img10.360buyimg.com/babel/s130x130_jfs/t30040/100/1290632710/208879/1f7e2225/5cdd0d92Nb78895a6.jpg!q90!cc_130x130" class="lazyimg_img" />
								</div></li>
						</ul>
					</div>
					<div class="treasure_scene_gap"></div></a>
				<a class="treasure_scene" href="//hellojoy.jd.com/?itemid=4318&amp;babelChannel=1500733&amp;activityId=S9k5CRP8Fo4MNRtsCutHcRoj8qi&amp;linkIds=8314939,100000020359,100003449769&amp;source=02" target="_blank" clstag="h|keycount|tech|joy#05_b02" title="王者荣耀">
					<div class="treasure_scene_hd">
						<h4 class="treasure_scene_tit">王者荣耀 &middot; <span class="treasure_scene_subtit">最强王者</span></h4>
					</div>
					<div class="treasure_scene_bd">
						<ul class="treasure_list">
							<li class="treasure_item">
								<div class="lazyimg lazyimg_loaded treasure_img">
									<img src="//img10.360buyimg.com/babel/s130x130_jfs/t24280/355/809346995/58119/d9407f0e/5b442f74N23caa058.jpg!q90!cc_130x130" class="lazyimg_img" />
								</div></li>
							<li class="treasure_item">
								<div class="lazyimg lazyimg_loaded treasure_img">
									<img src="//img20.360buyimg.com/babel/s130x130_jfs/t25204/135/879942883/184800/ab064cb6/5b7e5415Nbcd29dbf.jpg!q90!cc_130x130" class="lazyimg_img" />
								</div></li>
						</ul>
					</div></a>
			</div>
			<div class="box sort box_last">
				<div class="box_hd">
					<a class="box_hd_lk" href="//diannao.jd.com/" target="_blank" clstag="h|keycount|tech|chan#06_a"><h3 class="box_tit">电脑办公</h3><i class="box_hd_arrow"></i><span class="box_subtit">智能潮货 嗨购不停</span></a>
				</div>
				<div class="box_bd">
					<div class="sort_wrapper clearfix">
						<a class="sort_large" href="//pro.jd.com/mall/active/3im6C8gyK3X3626DuA4dVUccT34r/index.html" target="_blank" title="京奇博物馆" clstag="h|keycount|tech|chan#06_b01">
							<div class="lazyimg lazyimg_loaded sort_large_img">
								<img src="//img20.360buyimg.com/babel/s350x180_jfs/t1/36098/32/13995/102471/5d1eb2b3Ea5a7df33/671011d836e969bd.jpg!q90!cc_350x180" class="lazyimg_img" />
							</div></a>
						<a class="sort_large" href="//channel.jd.com/670-716.html#none" target="_blank" title="办公设备" clstag="h|keycount|tech|chan#06_b02">
							<div class="lazyimg lazyimg_loaded sort_large_img">
								<img src="//img10.360buyimg.com/babel/s350x180_jfs/t1/48226/19/4739/64760/5d259aacEfb0f9b90/1fd804738a22635e.jpg!q90!cc_350x180" class="lazyimg_img" />
							</div></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--页面底部-->
	<div class="clearfix footer">
		<div class="py-container">
			<div class="footlink">
				<div class="Mod-service">
					<div class="mod_service" clstag="h|keycount|btm|btmnavi_null01">
						<div class="grid_c1 mod_service_inner">
							<ul class="mod_service_list">
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_duo">多</h5>
										<p class="mod_service_txt">品类齐全，轻松购物</p>
									</div></li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_kuai">快</h5>
										<p class="mod_service_txt">多仓直发，极速配送</p>
									</div></li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_hao">好</h5>
										<p class="mod_service_txt">正品行货，精致服务</p>
									</div></li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_sheng">省</h5>
										<p class="mod_service_txt">天天低价，畅选无忧</p>
									</div></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="clearfix Mod-list">
					<div class="yui3-g">
						<div class="yui3-u-1-6">
							<h5 style="font-size: 15px;">购物指南</h5>
							<ul class="unstyled">
								<li>购物流程</li>
								<li>会员介绍</li>
								<li>生活旅行/团购</li>
								<li>常见问题</li>
								<li>购物指南</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h5 style="font-size: 15px;">配送方式</h5>
							<ul class="unstyled">
								<li>上门自提</li>
								<li>211限时达</li>
								<li>配送服务查询</li>
								<li>配送费收取标准</li>
								<li>海外配送</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h5 style="font-size: 15px;">支付方式</h5>
							<ul class="unstyled">
								<li>货到付款</li>
								<li>在线支付</li>
								<li>分期付款</li>
								<li>邮局汇款</li>
								<li>公司转账</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h5 style="font-size: 15px;">售后服务</h5>
							<ul class="unstyled">
								<li>售后政策</li>
								<li>价格保护</li>
								<li>退款说明</li>
								<li>返修/退换货</li>
								<li>取消订单</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<h5 style="font-size: 15px;">特色服务</h5>
							<ul class="unstyled">
								<li>夺宝岛</li>
								<li>DIY装机</li>
								<li>延保服务</li>
							</ul>
						</div>
						<div class="yui3-u-1-6">
							<div class="mod_help_cover">
								<h5 class="mod_help_cover_tit">自营覆盖区县</h5>
								<div class="mod_help_cover_con">
									<p class="mod_help_cover_info">已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
									<p class="mod_help_cover_more">
										<a href="//help.jd.com/user/issue/103-983.html" target="_blank">查看详情
										</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="Mod-copyright">
					<ul class="helpLink">
						<li>关于我们<span class="space"></span></li>
						<li>联系我们<span class="space"></span></li>
						<li>联系客服<span class="space"></span></li>
						<li>合作招商<span class="space"></span></li>
						<li>商家帮助<span class="space"></span></li>
						<li>营销中心<span class="space"></span></li>
						<li>友情链接<span class="space"></span></li>
						<li>销售联盟<span class="space"></span></li>
						<li>友情链接<span class="space"></span></li>
						<li>隐私政策</li>
					</ul>
					<p>京公网安备 1****002000088号|京ICP证0*****9号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大1*****2号</p>
					<p>京ICP备0*****1号京公网安备1***********2</p>
				</div>
			</div>
		</div>
	</div>

</div>


<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		var oDate = new Date();
		var nowTime = oDate.getTime(); //现在的毫秒数
		oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天
		var targetDate = new Date(oDate.toLocaleDateString());
		run(targetDate);
	});

	function run(enddate) {
		getDate(enddate);
		setInterval("getDate('" + enddate + "')", 500);
	}

	function getDate(enddate) {
		var oDate = new Date(); //获取日期对象

		var nowTime = oDate.getTime(); //现在的毫秒数
		var enddate = new Date(enddate);
		var targetTime = enddate.getTime(); // 截止时间的毫秒数
		var second = Math.floor((targetTime - nowTime) / 1000); //截止时间距离现在的秒数

		var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天；一天有24*60*60=86400秒 ；
		second = second % 86400; //余数代表剩下的秒数；
		var hour = Math.floor(second / 3600); //整数部分代表小时；
		second %= 3600; //余数代表 剩下的秒数；
		var minute = Math.floor(second / 60);
		second %= 60;
		var spanH = $('.cd_item_txt')[0];
		var spanM = $('.cd_item_txt')[1];
		var spanS = $('.cd_item_txt')[2];

		spanH.innerHTML = tow(hour);
		spanM.innerHTML = tow(minute);
		spanS.innerHTML = tow(second);
	}

	function tow(n) {
		return n >= 0 && n < 10 ? '0' + n : '' + n;
	}
</script>
</body>
<script type="text/javascript" src="plugins/vue/vuejs-2.5.16.js"></script>
<script type="text/javascript" src="plugins/vue/axios-0.18.0.js"></script>
<script type="text/javascript" src="plugins/vue/qs.js"></script>
<script>

	new Vue({
		el:"#app",
		data:{
			contentList:[],
			sc:''
		},
		methods:{
			loadCategoryDataById: function (categoryId) {
				var _this = this;
				axios.post("/content/findByCategoryId.do?categoryId="+categoryId)
						.then(function (response) {
							//取服务端响应的结果
							_this.contentList[categoryId] = response.data;
							// 在全局对象上通知
							Vue.set(_this.contentList,categoryId,_this.contentList[categoryId]);
						}).catch(function (reason) {
					console.log(reason.data);
				});

			}
		},
		created: function() {
			this.loadCategoryDataById(1);
		},
	});



</script>


</html>